<template>
	<div class="editComponent">
		<div class="cellSpan">
			{{ bindValue }}
		</div>
	</div>
</template>

<script>
export default {
  name: "customText",
  props:{
	rowField: {
		type: Object,
		default: () => {}
	},
	rowData: {
		type: Object,
		default: () => {}
	},
	rowIndex: {
		type: Number,
		default: 0
	},
	config: {
		type: Object,
		default: () => {}
	},
	bindValue: {
		default: ''
	}
  },
  data() {
    return {
		value: '',
		rowDataValue: this.rowData,
    };
  },
  mounted() {
	this.value = this.bindValue ? this.bindValue : this.rowField.defaultValue
  },
  methods: {
	returnValue() {
		this.rowDataValue[this.rowField.fieldName] = this.value
		this.$emit('blur', this.rowData, this.rowIndex)
	}
  },
};
</script>

<style scoped>
</style>
